<script lang="ts" setup>
import { getSvg } from "@/utils";
import { useOperate } from "../../hooks/useOperate";
const { scan, record, merge } = useOperate();
</script>
<template>
  <div class="w-270 h-66 mx-auto flex justify-between items-center mb-18">
    <div class="flex flex-col justify-between items-center" @click="scan">
      <img class="w-50 h-50" :src="getSvg('Frame_397')" alt="" />
      <p class="font-400 text-12 color-[#272727] lh-14 text-center not-italic">
        สแกนภาพ
      </p>
    </div>

    <div class="flex flex-col justify-between items-center" @click="record">
      <img class="w-50 h-50" :src="getSvg('Frame_712')" alt="" />
      <p class="font-400 text-12 color-[#272727] lh-14 text-center not-italic">
        ป้อนด้วยเสียง
      </p>
    </div>

    <div class="flex flex-col justify-between items-center" @click="merge">
      <img class="w-50 h-50" :src="getSvg('Frame_713')" alt="" />
      <p class="font-400 text-12 color-[#272727] lh-14 text-center not-italic">
        จัดระเบียบ
      </p>
    </div>
  </div>
</template>
